﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="FBKPI.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%--<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>KPI PT. Fastrata Buana</title>
    <script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
    <link rel="Stylesheet" href="Styles/LoginLayout.css" />
    <style type="text/css">
        #imgkpi
        {
            height: 244px;
            width: 555px;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#username").focus();

            $("#btnClear").click(function () {
                $("#username").val('');
                $("#password").val('');
                $("#username").focus();
                return false;
            });

            $("#formlogin").submit(function () {
                $.ajax({
                    "dataType": 'json',
                    "type": "POST",
                    "url": "../Serializer/LoginSerializer.ashx?Username=" + $("#username").val() + "&Password=" + $("#password").val(),
                    "success": function (data) {
                        if (data.result == 'true') {
                            document.location = "../pages/default.aspx?User=" + data.data.ID;
                        }
                        else {
                            alert('Please Enter Correct Username / Password');
                        }
                    },
                    "error": function (data) {
                        alert('Login Error');
                    }
                });
                return false;
            });
        });
    </script>
</head>
<body>
    <div id="header">
      <div id="header_content">
        <div id="logo"><img src="../images/logo2 copy.png" alt="" /></div>
        <ul id="nav">
          <li class="last"><a href="#">FAQ</a></li>
        </ul>
      </div>
    </div><br />
    <div class="container">
        <div class="form-bg">
            <div class="img-section">
                <img src="images/kpi.jpg" id="imgkpi" />
            </div>
            <div class="login-section">
                <form class="login-content" id="formlogin">
                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <h4>Login Information</h4>
                        </tr>
                        <tr>
                            <p>Username : <input id="username" type="text"/></p>
                        </tr>
                        <tr>
                            <p>Password : <input id="password" type="password" /></p>
                        </tr>
                        <tr>
                            <button type="submit" id="btnLogin">Login</button>
                            <button type="reset" id="btnClear">Clear</button>
                        </tr>
                    </table>
                </form>
            </div>
            <span style="font-family:Arial;font-size:small;color:White">PT. Fastrata Buana © 2013, All rights reserved.</span>
        </div>
    </div>
</body>
</html>--%>

<html>
<head id="head" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
    <title>Home</title>

   <%-- <link href="<%= ResolveClientUrl("~/css/home.css") %>" rel="stylesheet" type="text/css" />--%>
    <link href="<%= ResolveClientUrl("~/Styles/home1024.css") %>" rel="stylesheet" type="text/css" />
    <link  href="<%= ResolveClientUrl("~/Styles/slide.css") %>" rel="stylesheet" type="text/css" />

    <script src='<%= ResolveClientUrl("~/Scripts/jquery-1.8.2.min.js") %>' type="text/javascript"></script>
    <script src='<%= ResolveClientUrl("~/Scripts/slides.min.jquery.js") %>' type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            $('#slides').slides({
                preload: true,
                preloadImage: '<%= ResolveClientUrl("~/images/slide/loading.gif") %>',
                play: 10000,
                pause: 2500,
                hoverPause: true,
                animationStart: function (current) {
                    $('.caption').animate({
                        bottom: -35
                    }, 100);
                    if (window.console && console.log) {
                        // example return of current slide number
                        console.log('animationStart on slide: ', current);
                    };
                },
                animationComplete: function (current) {
                    $('.caption').animate({
                        bottom: 0
                    }, 200);
                    if (window.console && console.log) {
                        // example return of current slide number
                        console.log('animationComplete on slide: ', current);
                    };
                },
                slidesLoaded: function () {
                    $('.caption').animate({
                        bottom: 0
                    }, 200);
                }
            });
        });
</script>

 <script type="text/javascript">
     $(document).ready(function () {
         $("#txtUserID").focus();

         $("#btnClear").click(function () {
             $("#txtUserID").val('');
             $("#txtPassword").val('');
             $("#txtUserID").focus();
             return false;
         });

         $("#btnLogin").click(function () {
                          $.ajax({
                              "dataType": 'json',
                              "type": "POST",
                              "url": "../Serializer/LoginSerializer.ashx?Username=" + $("#txtUserID").val() + "&Password=" + $("#txtPassword").val(),
                              "success": function (data) {
                                  if (data.result == 'true') {
                                      document.location = "../pages/default.aspx?User=" + data.data.ID;
                                  }
                                  else {
                                      alert('Please Enter Correct Username / Password');
                                  }
                              },
                              "error": function (data) {
                                  alert('Login Error');
                              }
                          });
             return false;
         });
     });
    </script>
       
</head>

<body>
<form id="frmLoginSlide" runat="server">

<div class="container">
	<div class="header"></div>
  <div class="content">
        
    <div id="kiri" class="fltlft sideBarLeft"></div>
    
    <div id="tengah" class="fltlft">
    		<div class="depan">
            	<div class="logo_index fltlft"><img src="<%= ResolveClientUrl("~/images/favicon.png") %>" width="80" height="80" alt="Kementerian Perhubungan"></div>
                <div class="intro fltlft">
                <h3><b>Selamat Datang</b></h3>
               "Aplikasi KPI (Key Performance Indicator) adalah aplikasi yang digunakan untuk mencatat dan mengorganisir barang milik negara, mulai dari pembelian, transfer masuk-keluar antar instansi, sampai penghapusan dan pemusnahan barang milik negara."</div>
                <div class="clearfloat"></div>
            </div>
            
            <div id="slideshow">
			<%--<img src="<%= ResolveClientUrl("~/images/slide/new-ribbon.png") %>" width="112" height="112" alt="New Ribbon" id="ribbon" />--%>
			<div id="slides">
				<div class="slides_container">
					<div class="slide">
					
                        <img height="270" width="570" src="images/kapalapi1.jpg" />
					</div>
					<div class="slide">
						
                         <img height="270" width="570" src="images/kapalapi2.jpg" />
					</div>
					<div class="slide">
						
                         <img height="270" width="570" src="images/kapalapi3.jpg" />
					</div>
                    <div class="slide">
						
                         <img height="270" width="570" src="images/kapalapi4.jpg" />
					</div>
                    <div class="slide">
						
                         <img height="270" width="570" src="images/kapalapi5.jpg" />
					</div>
					
				</div>
				<a href="#" class="prev"><img src="<%= ResolveClientUrl("~/images/slide/arrow-prev.png") %>" width="24" height="43" alt="Arrow Prev" /></a>
				<a href="#" class="next"><img src="<%= ResolveClientUrl("~/images/slide/arrow-next.png") %>" width="24" height="43" alt="Arrow Next" /></a>
			</div>
			<img src="<%= ResolveClientUrl("~/images/slide/example-frame.png") %>" width="739" height="341" alt="Example Frame" id="frame"/>
		</div>
 	<div class="login">
    <table width="600" height="50" border="0" cellspacing="5" cellpadding="0" class="form_login">
      
      <tr>
        <td>User Name :</td>
            <td>
                <asp:TextBox ID="txtUserID" runat="server" CssClass="inputTxt"></asp:TextBox>
            </td>
        <td>Password :</td>
            <td>
                <asp:TextBox ID="txtPassword" MaxLength="32" TextMode="Password" runat="server" CssClass="inputTxt"></asp:TextBox>
            </td>
        <td>
           <%-- <asp:Button ID="btnLogin" runat="server" Text="Masuk" CssClass="button" />--%>

            <button type="submit" class="button" id="btnLogin">Masuk</button>
        </td>
      </tr>
   <%--   <tr>
        <td>&nbsp;</td>
        <td><input name="" type="checkbox" id="chkRemember" runat="server" />Biarkan saya tetap masuk</td>
        <td></td>
        <td><a href="#">Lupa kata sandi anda?</a></td>
        <td>&nbsp;</td>
      </tr>--%>
    </table>
    </div>
    <div class="footer">    
    2014 &copy; Hak Cipta dimiliki PT.Fastrata Buana
    <!-- end .footer --></div>
    </div>
    
    <div id="kanan" class="fltlft sideBarRight"></div>
  <!-- end .content --></div>

  
  <!-- end .container --></div>

    </form>

</body>
</html>
